<template>
  <el-dialog :visible.sync="visible" width="320px" title="服 务 声 明" :close-on-press-escape="false" :close-on-click-modal="false" :show-close="false">
    <div class="content">尊敬的用户，本网站内查询地址信息并无收集用户信息，仅作为查询地址使用，以上服务由熊猫不走提供。</div>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="visible = false">确 认</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    const { statement } = this.$route.query
    return {
      visible: !!statement,
    };
  },
};
</script>
<style lang="scss" scoped>
.content {
  color: #333;
  line-height: 24PX;
  font-size: 16PX;
  letter-spacing: 1px;
  text-align: left;
}
.dialog-footer {
  text-align: center;
}
</style>